:root{--snap-yellow:#FFFC00;--snap-black:#000;--snap-white:#FFF;--snap-gray:#F2F2F2;--text-dark:#222;--accent-hover:#F7F7F7;--shadow-sm:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.15),0 15px 15px -6px rgba(0,0,0,0.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Nunito',sans-serif;background-color:var(--snap-yellow);background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px);background-size:30px 30px;color:var(--text-dark);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5}header{padding:1.5rem;display:flex;justify-content:center;flex-shrink:0}.logo{height:40px;width:auto;object-fit:contain}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:1;width:100%}h1{font-weight:900;font-size:clamp(2rem,5vw,3.5rem);text-align:center;margin-bottom:.5rem;color:var(--snap-black);letter-spacing:-0.05em;text-shadow:2px 2px 0 rgba(255,255,255,0.2)}p.hero-sub{font-size:clamp(1rem,2vw,1.25rem);text-align:center;margin-bottom:2rem;max-width:600px;color:rgba(0,0,0,0.8);font-weight:700}.card{width:100%;max-width:340px;background:var(--snap-white);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;transform:translateZ(0)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:1rem;border-bottom:1px solid #e5e5e5;background:var(--snap-black);display:flex;flex-direction:column}.status-label{font-size:.75rem;font-weight:700;color:var(--snap-yellow);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.user-preview{display:flex;align-items:center;margin-top:.25rem}.avatar{background:var(--snap-gray);color:var(--snap-black);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-weight:900;border:2px solid var(--snap-yellow)}.avatar svg{width:1rem;height:1rem}.user-email{font-size:.875rem;font-weight:700;color:var(--snap-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.list-group{padding:.375rem 0}.list-item{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:var(--text-dark);transition:background-color .2s ease;position:relative}.list-item:hover{background-color:var(--snap-gray)}.list-icon-box{width:2rem;height:2rem;border-radius:.5rem;background:var(--snap-gray);display:flex;align-items:center;justify-content:center;margin-right:.75rem;transition:background .2s}.list-item:hover .list-icon-box{background:#e5e5e5}.list-icon{width:1.25rem;height:1.25rem;color:var(--snap-black)}.item-text{font-size:.875rem;font-weight:700;flex:1}.chevron{width:.75rem;height:.75rem;color:#999}.indicator{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--snap-black);border-top-right-radius:4px;border-bottom-right-radius:4px;opacity:0;transform:scaleY(0.8);transition:all .2s}.list-item:hover .indicator{opacity:1;transform:scaleY(1)}.cta-item{margin:1rem;background-color:var(--snap-black)!important;color:var(--snap-yellow)!important;border-radius:2rem;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform .2s,box-shadow .2s;overflow:hidden}.cta-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.3);background-color:#222!important}.cta-item .list-icon-box{background:none!important;color:inherit;margin-right:.5rem}.cta-item .list-icon{color:inherit!important;width:1.5rem;height:1.5rem}.cta-item .item-text{color:inherit!important;flex:initial;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.cta-item .chevron,.cta-item .indicator{display:none}.footer-disclaimer{margin-top:2.5rem;font-size:.7rem;color:rgba(0,0,0,0.5);text-align:center;max-width:320px;line-height:1.4;padding:0 1rem;font-weight:600}@media(max-width:360px){h1{font-size:1.75rem}.card{max-width:280px}}